<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="contextPath" value="<%=getServletContext().getContextPath()%>" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>MCE|Login</title>
    <link rel="stylesheet" href="${contextPath }/resources/css/mce.css"></link>
    <link rel="stylesheet" href="${contextPath }/resources/css/size.css" ></link>
    <link rel="stylesheet" href="${contextPath }/resources/css/jquery-ui.css" ></link>
    <link href='http://fonts.googleapis.com/css?family=Lato:400,300,700,400italic' rel='stylesheet' type='text/css' ></link>
    <script type="text/javascript" src="${contextPath }/resources/js/jquery/jquery-1.10.1.js"></script>
    <script type="text/javascript" src="${contextPath }/resources/js/jquery-ui/jquery-ui.js"></script>
    <script type="text/javascript" src="${contextPath }/resources/js/validation/validation.js"></script>
    
    <script type="text/javascript" src="${contextPath }/resources/js/client/Logout.js"></script>
</head>
<body>
    <div class="mceContainer">
        <!--HOME BANNER CONTAINER-->
        <div class="afterHeaderContainer">
            <!--NAVIGATION MENU-->
            <div class="navigationContainer">
                <table class="menuItemContainer">
                    <tr>
                        <!--MCE WEBSITE LINK-->
                        <td class="wd_90">
                            <a class="mceinc" target="_blank" href="http://www.mceinc.com">
                                <img src="${contextPath }/resources/images/element.png" />
                            </a>
                        </td>
                        <!--/MCE WEBSITE LINK-->
                        <!--CONTACT LINK-->
						<td class="wd_90 menuLink"><a href="${contextPath }/contact">Contact</a></td>
						<!--/CONTACT LINK-->
                        <!--MCE WEBSITE LINK-->
                        <td class="logo">
                            <a target="_blank" href="http://www.mceinc.com">
                                <img src="${contextPath }/resources/images/MCE-Mainsite-Icon.png" />
                            </a>
                        </td>
                        <!--/MCE WEBSITE LINK-->
                    </tr>
                </table>
            </div>
            <!--/NAVIGATION MENU-->
        </div>
        <!--/HOME BANNER CONTAINER-->
        <!--MAIN CONTAINER-->
        <div class="mainContainer" >
            <table class="wrapContainer" style="height:450px;">
                <tr>
                    <td class="left">
                        <!--LEFT CONTAINER-->
                        <!--<div class="wrapDataContainer borderRight">
                    <p class="subject">Change Password</p>
                </div>-->
                        <!--/LEFT CONTAINER-->
                    </td>
                    <td>
                        <!--BODY CONTAINER-->
                        <div class="wrapDataContainer">
                            <form action="Login.html" method="get">
                                <!--MESSAGE-->
                                <div class="wrap-item-container wd_445">
                                    <center><h1 style="font-weight:300; font-size:35px;">Sign Out Successfully</h1></center>
                                </div>

                                <!--/MESSAGE-->
                                <div class="wrap-item-container wd_445">
                                    <div class="html-control-container">
                                        <div style="margin-left: 150px; padding-top: 20px;">
                                            To re-login please 
                                            <span>
                                            	<c:url var="login" value="login"></c:url>
                                                <a class="mceLinkAction" href="${contextPath}/${login}">Click here</a>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <!--/USERNAME INPUT-->
                            </form>

                        </div>
                        <!--/BODY CONTAINER-->
                    </td>
                    <td class="right">
                        
                    </td>
                </tr>
            </table>
        </div>
        <!--/MAIN CONTAINER-->
        <!--FOOTER CONTAINER-->
        <div class="footerContainer">
            <img src="${contextPath }/resources/images/Nidec.jpg" />
            <img src="${contextPath }/resources/images/MCE.jpg" />
            <div class="clearBoth" />
            <p class="copyRight">Copyright 2014 Motion Control Engineering. All Rights Reserved</p>
        </div>
        <!--/FOOTER CONTAINER-->
    </div>

</body>
</html>